/*Bootstrap 4 CSS
------------------*/
@import url('main.css');

/* CUSTOM CSS 
------------------*/
#dam-intro {
  overflow:hidden;
  position:relative;
  }
.dam-bg {
	position: absolute;
	width: 100%;
  	height: 88%;
  	top: 0;
  	left: 0;
  	z-index: -1;
	display:block;
}
/*.dam-bg:before {
	content: "";
	background: url(../img/dam/passion_abstract.jpg) no-repeat center center;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	position: absolute;
	width: 100%;
  	height: 90%;
  	top: 0;
  	left: 0;
  	z-index: -1;
	display:block;
}
.dam-overlay {
  	background: rgba(255,255,255,0.85);
  	width: 100%;
  	height: 90%;
  	position: absolute;
  	left: 0;
  	right: 0;
  	top: 0;
  	display:block;
}*/

.mac-dam-image{
	 max-width: 700px;
	 width:100%;
}
img.dam-feat-img{
    max-width: 620px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    display: block;
}


.logos{
	width: 100%;
}
.logos img{
	padding: 10px 10px;
}
.logos-wrapper{
	margin-top: 20px;
	padding:1.5rem 0rem;
	background-color: #fff;
	border-radius: 26px;
	border: 1px solid #fff;
}
/* Logo slider
---------------------------------- */
#dam-logo-slider {
	padding-left: 40px;
	padding-right: 40px;
}
#dam-logo-slider img {
  width: 120px;
  height: 75px;
  animation: scroll 60s linear infinite;
}
#dam-logo-slider .slide-track {
  width: 100%;
  display: flex;
  gap: 2em;
  overflow: hidden;
}
#dam-logo-slider .slider {
  margin-top: 70px;
  background-color: whitesmoke;
  padding: 8em 2em;
}
@keyframes scroll {
  0% {transform: translateX(0);}
  100% {transform: translatex(-1000%)}
}


/* Sticky nav
---------------------------------- */
#dam-page-menu.sticky-top{
 top:70px;
}
#dam-page-menu .nav-link{
	color: #002f5f;
	font-weight: 400;
	font-size: 0.875em;
  letter-spacing: 0.03em;
} 
#dam-page-menu .nav-link:hover{
	color: #59cbe8;
}
#dam-page-menu .nav-item{
	padding: 0.5rem 1rem;
}
/*#dam-page-menu .nav-item .btn-mg-browngray10{
    color: #54585a;
    background-color: #F7F5F3;
    border: 2px solid #F7F5F3;
}
#dam-page-menu .nav-item .btn-mg-browngray10:hover{
    color:#54585a;
    background-color: #fff;
    border: 2px solid #F7F5F3;
}*/



/* TESTIMONIALS */
#testimonial{
	overflow:hidden;
	position: relative;
}

.testimonial-bg{
	background: url(../img/dam/blue-blob.svg);
	background-size: initial;
	/*-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;*/
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	top: 0px;
	left: 0px;
	width:100%;
	height:100%;
	padding: 20px 0px 20px 0px;
	z-index: -1;
}
.testimonial-box{
	padding: 5.625rem 2rem;
}
.testimonial-item {
	padding: 2rem 1rem;
	border-radius: .3rem;
	background-color: #fff;
	position:relative;
	border-radius: 1.625rem;
	box-shadow: 0 5px 30px rgba(0,47,95,0.1);
}

.testimonial-item:after {
  position: absolute;
  left: 25%;
  bottom: -20px;
  margin-left: -20px;
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #fff; 
  }
/*.testimonial-item .quote-icon{
	position:absolute; 
	display:inline-block; 
	top:5px; 
	left:40%; 
	width:12em; 
	height:12em;
}
*/

.testimonial-head{
    font-size: 1.3125em;
    line-height: 1.7em;
}

#testimonial .speaker {
	padding-bottom: 20px;
}
#testimonial .speaker img{
	width: 100%;
	max-width: 150px;
	border: 4px solid rgba(84, 88, 90, 0.2);
	border-radius: 50%;
}



/* MODULES */
#swap-wrapper {
	display: block;
}

#swapsection {
	display: block;
}
.module{
	padding:1.25rem 0.625rem;
	border-radius: 1.625rem;
	border:4px solid #fff;
	background: #fff;
	height:100%;
  position: relative;
  box-shadow: 0 5px 30px rgba(0,0,0,0.1);
}
.module-content{
    margin-bottom:1.25rem;
}
.module-content .module-ball {
  border-radius: 50%;
  width: 5.5rem;
  height: 5.5rem;
  line-height: 6.125em;
  float:left;
  text-align: center;
}
.module-content .module-ball a .far,
.module-content .module-ball a .fas {
	font-size: 2.25em;
	color:#fff;
	text-decoration: none;
}
.ball-red {
  background: #ef3340; /*mg-red*/
}
.ball-ockra {
  background: #efc32e; /*ockra*/
}
.ball-orange {/*mg-orange*/
  background: #f0b323; /*f4a324*/
}
.ball-lightblue {/*mg-lightblue*/
  background: #59cbe8;
}
.ball-gray {/*mg-neut-gray*/
  background: #54585a;
}
.ball-green {/*mg-green*/
  background: #279989;
}

.module-text{
  margin-left: 108px;
  height:100%;
}

.module-footer{
  margin-left:1.25rem;
  position: absolute;
  bottom: 1.25rem;
}


a.arrow-link {
	font-size: 1em;
  font-weight: 400;
	color:#54585a;
	text-decoration: none;
}
a.arrow-link:hover{
	color:#59cbe8; /*002F5F*/
}

/* Modules swap section */
.js-section-swap {
	/*overflow: auto;*/
	display: none;
}
.section-swap-container {
	margin-top: 2.5rem;
	margin-bottom: 3.75rem;
}
.section-swap-container .frame{
	padding:1.25rem;
	border-radius: 1.625rem;
	border:4px solid #fff;
	background: #fff;
	height:100%;
	position: relative;
	box-shadow: 0 5px 30px rgba(0,0,0,0.1);
}
.section-swap-container img.module-img {
	max-width:512px;
	width:100%;
}

.btn-md{
	border-radius:1.5625rem;
	padding-left: 1.25rem;
  padding-right: 1.25rem;
  /*font-size: 0.875em;*/
}


/* INTEGRATION
---------------------------------- */
#integration a{
	color: #59cbe8;
	font-weight: 400;
}
#integration a:hover{
	color: #002f5f;
	text-decoration: none;
}
.cihub-img{
	 max-width: 700px;
	 width:100%;
}
.cihub-img2{
    max-width: 450px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    display: block;
    /*background-color: #fff;
	border-radius: 26px;
	box-shadow: 0 5px 30px rgba(0,0,0,0.1);
	padding: 20px 40px;*/
}


/* PRICING STYLE
---------------------------------- */
#pricingdam .plan {
	padding: 0 0 0.9375rem 0;
	margin: 1.875rem 0;
	list-style: none;

}
#pricingdam .plan li {
	padding: 0.9375rem 0;
	font-size: 1em;
	border-bottom: 1px dotted #e1e1e1;
}

#pricingdam .panel-top > .panel-heading {
	color: #fff;
	border: none;
	padding-top: 0.9375rem;
	padding-bottom:0.1875rem;
	letter-spacing: 0.25em;
}

#pricingdam .price-shadow:hover{
	box-shadow: 0 14px 54px rgba(0, 0, 0, .22);
	border-color: #dbdbdb;
}

#pricingdam .panel-dam-basic,
#pricingdam .panel-dam-pro,
#pricingdam .panel-dam-premium,
#pricingdam .panel-dam-expert 
{border: 1px solid #dbdbdb;}

#pricingdam .panel-top > .dam-basic {
	background-color: #59cbe8;
}
#pricingdam .panel-top > .dam-pro {
	background-color: #b7a99a;
}
#pricingdam .panel-top > .dam-premium {
	background-color: #54585a;
}
#pricingdam .panel-top > .dam-expert {
	background-color: #f0b323;
}

#pricingdam .plan li i {
	padding-right:10px;
}
#pricingdam .plan li i.color-green{
	color: #279989;
}
#pricingdam .plan li i.color-red{
	color: #ef3340;
}
#pricingdam .plan .prices {
	margin: 0 auto 1.25rem;
	width: 10rem;
	height: 10rem;
	line-height: 1em;
	font-size: 1.5625em;
	font-weight: 700;
	color: #ffffff;
	-webkit-border-radius: 5rem;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 5rem;
	-moz-background-clip: padding;
	border-radius: 5rem;
	background-clip: padding-box;
}
#pricingdam .plan .prices.dam-basic {
	background: #59cbe8;
}
#pricingdam .plan .prices.dam-pro{
	background: #b7a99a;
}
#pricingdam .plan .prices.dam-premium{
	background: #54585a;
}
#pricingdam .plan .prices.dam-expert{
	background: #f0b323;
}

#pricingdam .prices a{
	color:#fff;
	text-decoration: none;
}

#pricingdam .prices span {
	font-size: 0.75em;
	font-weight: normal;
}
#pricingdam .adjust-border-radius {
	-webkit-border-radius: 1.625rem;
	-moz-border-radius: 1.625rem;
	border-radius: 1.625rem;
}
#pricingdam .adjust-border {
	border-top-left-radius: 1.625rem;
	border-top-right-radius: 1.625rem;
	-webkit-border-top-left-radius: 1.625rem;
	-webkit-border-top-right-radius: 1.625rem;
	-o-border-top-left-radius: 1.625rem;
	-o-border-top-right-radius: 1.625rem;
}
#pricingdam .plan small{
	font-weight: 300;
	font-size: 70%;
}
#pricingdam .prices .smaller{
	font-size: 50%;
	font-weight: 300;
}


#pricingdam #free-offer{
	padding:1.25rem;
}

#pricingdam .resp-img{
	width: 100%;
}

#pricingdam #price-splash.splash-offer{
	position:absolute;
	left:66%;
	top:-1%;
	width:7.875rem;
	z-index: 1;
}
#pricingdam #price-splash .fas{
	font-size:7.875em;
	color:#59cbe8;

}
#pricingdam #price-splash .fas.fa-bookmark{
	text-shadow: 0 14px 54px rgba(0, 0, 0, .22);

}
#pricingdam #price-splash .splash-text{
	font-size: 1rem;
	line-height: 1.375em;
	font-weight: 400;
	color: #fff;
	text-align: center;
	display: inline-block;
	/*position: absolute;
	top: 23%;
	left: 17%;*/
	text-decoration: none;
}
a.arrow-link {
	font-size: 1em;
  font-weight: 400;
	color:#54585a;
	text-decoration: none;
}
a.arrow-link:hover{
	color:#002F5F;
}
#pricingdam .price-spec{
	font-size:1rem;
	color:#666;
	padding-top:1.25rem;
}

#pricingdam .panel-footer{
	padding-top:0.625rem;
	padding-bottom:1.25rem;
}

.hide-desktop {
	border-bottom: 1px solid #f0f0f0;
	padding: 16px 0;
}



/*#dam-compare-section .table .mg-thead-light th {
color: #54585a;
background-color: #EEEBE7;
border-color: #dbdbdb;
}
#dam-compare-section .table td, 
#dam-compare-section .table th{
	border-top: 1px solid #dbdbdb;
}*/


/* COMPARE PLANS */

#dam-compare-section #cd-table{
	position: relative;
	width: 100%;
	-webkit-font-smoothing: initial;
	-moz-osx-font-smoothing: initial;
}
#dam-compare-section #cd-table.table-end:before{
	display: none;
}

#dam-compare-section #cd-table:before {
	content: "";
	position: absolute;
	top: 0;
	right: -1px;
	height: 100%;
	width: 35px;
	background: linear-gradient(270deg, #F7F5F3 10%, hsla(0, 0%, 100%, 0));
	z-index: 5;
	pointer-events: none;
}
#dam-compare-section #cd-table:after {
	content: "";
	display: table;
	clear: both;
}


#dam-compare-section #cd-table header.cd-table-column {
	position: absolute;
	width: 292px;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 10;
	margin-left: 0;
	pointer-events: none;
	font-size: .8rem;
	text-align: left;
	border-top: none;
	border-left: none;
	border-bottom: none;
	border-right: 1px solid #dbdbdb;
	background: #F7F5F3;
}
#dam-compare-section #cd-table header.cd-table-column ul>li.highlight {
	border-right: none;
}
#dam-compare-section #cd-table header.cd-table-column ul>li {
	justify-content: left;
	text-align: left;
}
#dam-compare-section #cd-table ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#dam-compare-section #cd-table ul>li.highlight {
	background-color: #EEEBE7;
}
#dam-compare-section #cd-table h2, 
#dam-compare-section #cd-table ul>li {
	position: relative;
	text-align: center;
	padding: 0 1em;
	border-bottom: 1px solid #dbdbdb;
	height: 3rem;
	line-height: 1;
	background-color: #F7F5F3;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.8rem;
	line-height: 1.2rem;
	color:#54585a; 
}
#dam-compare-section #cd-table ul>li:before {
	display: none;
}
#dam-compare-section #cd-table ul>li .fas{
	font-size: 1rem;
}

.tooltip-inner{
	text-align: left !important;
	font-size: 0.8rem !important;
}



/*#dam-compare-section #cd-table ul>li .ab-icon {
	color: #59cbe8;
}
#dam-compare-section .ab-icon {
	width: 1em;
	display: inline-block;
	font-size: inherit;
	height: 1em;
	overflow: visible;
	vertical-align: -.125em;
}
#cd-table .cd-table-column .pricing-more-info {
	padding: 0.4rem;
	margin-left: 0.1rem;
}
[aria-label][role~="tooltip"] {
	position: relative;
}

[role~="tooltip"][data-microtip-position|="top"]::before {
	transform: translate3d(-50%, 0, 0);
	bottom: 100%;
	left: 50%;
}
[role~="tooltip"][data-microtip-position|="top"]::before {
	background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/20…0,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E") no-repeat;
	height: 6px;
	width: 18px;
	margin-bottom: 5px;
}*/

#dam-compare-section #cd-table ul>li.highlight h5 {
	font-size: .9rem;
}
#dam-compare-section #cd-table header.cd-table-column h5 {
	margin: 0;
	font-weight: 600 !important; 
	color: #54585a;
}
/*#dam-compare-section #cd-table .cd-table-column-header h5{
	font-weight: 600 !important; 
}*/

#cd-table .cd-table-column .pricing-details {
	padding: 0.4rem;
	margin-left: 0.1rem;
}


#dam-compare-section #cd-table .cd-table-container {
	position: relative;
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}
#dam-compare-section #cd-table .cd-table-wrapper {
	width: 600px;
	padding-left: 150px;
}
#dam-compare-section #cd-table .cd-table-column.basic, 
#dam-compare-section #cd-table .cd-table-column.pro, 
#dam-compare-section #cd-table .cd-table-column.premium,
#dam-compare-section #cd-table .cd-table-column.expert {
	width: 25%;
	color: #fff;
	/*border-right: 1px solid #dbdbdb;
	border-left: 1px solid #dbdbdb;*/
}
#dam-compare-section #cd-table .basic .cd-table-column-header{background-color: #59cbe8}
#dam-compare-section #cd-table .pro .cd-table-column-header{background-color: #b7a99a}
#dam-compare-section #cd-table .premium .cd-table-column-header{background-color: #54585a}
#dam-compare-section #cd-table .expert .cd-table-column-header{background-color: #f0b323}


#dam-compare-section #cd-table .cd-table-column {
	width: 150px;
	float: left;
	text-align: center;
}
#dam-compare-section #cd-table .cd-table-column-header {
	background: #E6E1DB;
	margin-left: -1px;
}
#dam-compare-section .color-green{
	color: #279989;
}
#dam-compare-section .color-red{
	color: #ef3340;
}

#dam-compare-section .priceinfo{
	font-size:0.8rem;
}



/* contact-form */
input {
  accent-color: #002F5F;
}
a.pp-color{
  color: #fff !important;
  text-decoration: underline;
}
.contact-form ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #dbdbdb;
  opacity: 1; /* Firefox */
}
.contact-form :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #dbdbdb;
}
.contact-form ::-ms-input-placeholder { /* Microsoft Edge */
  color: #dbdbdb;
}



/* Animation */
.floating-y1 {
animation-name: floating-y1;
animation-duration: 3s;
animation-iteration-count: infinite;
animation-timing-function: linear;
-webkit-animation-name: floating-y1;
-webkit-animation-duration: 3s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
-moz-animation-name: floating-y1;
-moz-animation-duration: 3s;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-ms-animation-name: floating-y1;
-ms-animation-duration: 3s;
-ms-animation-iteration-count: infinite;
-ms-animation-timing-function: linear;
-o-animation-name: floating-y1;
-o-animation-duration: 3s;
-o-animation-iteration-count: infinite;
-o-animation-timing-function: linear;
}
@keyframes floating-y1 {
    from { transform: translate(0,  0px); }
    65%  { transform: translate(0, 10px); }
    to   { transform: translate(0, -0px); }    
}

.pulsing {
  animation: pulse-animation 2s infinite;
  -webkit-animation: pulse-animation 2s infinite;
  -moz-animation: pulse-animation 2s infinite;
  -ms-animation: pulse-animation 2s infinite;
  -o-animation: pulse-animation 2s infinite;
  transform: scale(1);
}
@keyframes pulse-animation {
	0% {
		transform: scale(0.97);
	}
	60% {
		transform: scale(1);
	}
	100% {
		transform: scale(0.97);
	}
}

/* RESPONSIVE CSS
=================================================== */
@media (min-width: 576px){ /* (xs - for phones - screens less than 768px wide) */
}
@media (min-width:768px) { /*(sm - for tablets - screens equal to or greater than 768px wide)*/
}
@media only screen and (min-width: 870px){
	#dam-compare-section #cd-table:before {
		display: none;
	}
	#dam-compare-section #cd-table header.cd-table-column {
		pointer-events: auto;
	}
	#dam-compare-section #cd-table .cd-table-wrapper {
		width: 100%;
		padding-left: 25%;
	}
	#dam-compare-section #cd-table .cd-table-column {
		width: 25%;
		float: left;
	}
}
@media (min-width:992px) { /*(md - small laptops - screens equal to or greater than 992px wide)*/
	.integ-mt{
		margin-top: 100px;
	}
}
@media (min-width:1200px) { /*(lg - for laptops and desktops - screens equal to or greater than 1200px wide)*/
}
@media (min-width: 1260px){ /* lg */
}
@media (min-width: 1440px){ /* lg */
}

/* For tablets */
@media screen and (max-width: 767px) {
}
@media screen and (max-width: 736px){
	#dampricing .plan li{
		font-size: 14px;
	}
}

/* For mobiles (xs) */
@media screen and (max-width: 576px) {
}
@media screen and (max-width: 375px) {
}
@media screen and (max-width: 320px) {
}